/* Site Colors:
	#1A446C - blue grey
	#689DC1 - light blue
	#D4E6F4 - very light blue
	#EEE4B9 - light tan
	#8D0D19 - burgundy
*/

html { height: 100%; width: 100%; }
body { width: 100%;  margin: 0 auto; padding: 0px; border: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif; background: #D4E670;
	font-size: 13px; line-height: 15px; }
img { border: none; }
table, tr, td { border-collapse: collapse; vertical-align: top; font-size: 13px; line-height: 15px;}
a { color: #8D0D00;}

header {  margin: 1%; padding: 1em; text-align: left; 
	background: #1A4400; color: #D4E6F4; }

header table,header a{ font-size: 1em;  vertical-align: bottom; height: 20px; background: #1A4400; color: #D4E6F4; }


p {margin-bottom:0; margin-top:0}
footer { height: 2em; margin: 1%; padding: 1em; text-align: center; 
	background: #1A4400;  color: #D4E6F4; clear: both; }

/* Navigation */
nav { width: 14%; padding: 1%; margin-left: 1%; margin-bottom: 1%; color: #D4E6F4; background: #8D0D19; float: left;}
nav a { color: #D4E6F4; text-decoration: none; }
ul.subjects { padding-left: 0; list-style: none; }
ul.pages { padding-left: 2em; list-style: square; }
.selected { font-weight: bold; }

/* Page Content */
article { padding-left: 2%; margin-right: 1%; margin-bottom: 1%; vertical-align: top; background: #FFE4B9; float: right; width: 79%;}
article h2 { color: #8D0D19; margin-top: 1em;}
article h3 { color: #8D0D19; }

#divMayus
{
    display:none;
    background-color:#efff79;
    border:1px solid #333;
    margin:.5em;
    padding:.5em;
    font-size:90%;
    font-weight:bold;
    width:15em;
    /* CSS3 capable browser will rander rounded corners */
    border-radius:5px;
    /* Rounded corners for Gecko based browsers */
    -moz-border-radius:5px;
    /* Drop shadow for Gecko based browsers */
    -moz-box-shadow:3px 3px 5px #333;
    /* Drop shadow for Webkit based browsers */
    -webkit-box-shadow:#333 5px 5px 5px;
    /* Rounded corners for Webkit based browsers */
    -webkit-border-radius:5px;
}
